/*
 *  This file is part of "SchoolChoice",
 *  a school registration system.
 *
 *  Copyright (C) 2009 Nicolas Decerf, Olivier Jacquemin.
 *
 *  "SchoolChoice" is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation; either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  "SchoolChoice" is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program: see the file COPYING.txt.  If not, see
 *  http://www.gnu.org/licenses/.
 */

/* Reset default browser settings */
*
{
  margin: 0;
  padding: 0;
}

html
{
  height: 100%;
}

body {
  background-color: white;
  background-color: #79C9EC;
  color: black;
  font: 12px Verdana, sans-serif;
  height: 100%;
}

#content
{
  background-color: white;
  position: relative;
  height: 90%;
  top: 5%;
  margin: 0 3%;
  border: 2px outset #79C9EC;
}

p, .section { clear: both; }

#WelcomeSection
{
  width: 200px;
  text-align: center;
  margin: 100px auto;
}

#Menu ul
{
  list-style-type: none;
}

#Menu li
{
  float: left;
}

#log
{
  border: 2px inset black;
  background-color: black;
  color: lime;
  font: 10px monospace;
}

#log .severe
{
  color: red;
}

button { cursor: pointer; }

#SchoolsFoundTitle, #PreferredSchoolsTitle
{
  float: left;
  width: 41%;
  font-size: large;
}

#Header, #Menu, #SchoolsFoundTitle
{
  margin: 5px 6%;
}

#SchoolsFound, #PreferredSchools
{
  float: left;
  width: 41%; /* horizontal: 6% margin + 41% width + 6% margin + 41% width + 6% (remaining) = 100% */
  position: relative; /* For IE otherwise height is incorrect */
  height: 40%;
  cursor: move;
  background-color: #79C9EC;
}

#SchoolsFound
{
  list-style-type: none;
  margin: 0 6%; /* horizontal: 6% margin + 41% width + 6% margin + 41% width + 6% (remaining) = 100% */
}

#PreferredSchools
{
  list-style-position: inside;
}

#SchoolsFound li, #PreferredSchools li
{
  background-color: #0078AE;
  color: white;
  margin-top: 2px;
}

form label
{
  float: left;
  width: 50%;
  margin-right: 5px;
  text-align: right;
}

form input
{
  width: 45%;
}

iframe
{
  height: 100%;
  width: 100%;
}